<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="haitang.css">
  </head>
  <body>
    <div class="container">
      <header>
        <hgroup>
          <h1>逐日</h1>
          <h2>追月</h2>
        </hgroup>
        <p>
          我的那些花儿
        </p>
      </header>

      <nav>
        <!-- <a href="#">主页</a>
        <a href="#">小说</a>
        <a href="#">散文</a>
        <a href="#">吐槽</a> -->
        <a href="#">菜单>></a>
        <ul>
          <li><a href="#">主页</a></li>

          <li><a href="#">小说</a>

            <ul>
              <li><a href="#">三国夜话</a>

                <ul>
                  <li><a href="#">简介</a></li>
                  <li><a href="#">首页</a></li>
                  <li><a href="#">阅读全文</a></li>
                </ul>

              </li>

              <li><a href="#">多瑙河的骑士</a></li>
              <li><a href="#">争锋</a></li>
            </ul>

          </li>

          <li><a href="#">散文</a></li>
          <li><a href="#">吐槽</a></li>
        </ul>
      </nav>

      <div class="main">
        <section>

        </section>
        <section>

        </section>
      </div>

      <footer>

      </footer>

    </div>

    <script src="media.js">

    </script>

  </body>
</html>
